<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--1.form表示整个表单 action表示收集好数据的提交地址 #代表数据提交到当前页   -->
<form action="#">
    <!-- 2.value属性用来保存输入框的值,也可以用来设置输入框的默认值
            value如果设置在按钮上,用来设置按钮显示的文本-->
    用户名:<input type="text" name="username" value="达达"> <br>
    <!-- 单值属性：readonly:只读(只能看不能改)  disabled:禁用(只能看不能改，且值不能提交)   -->
    昵称1:<input type="text" name="nickname1" value="昵称1" readonly> <br>
    昵称2:<input type="text" name="nickname2" value="昵称2" disabled> <br>
    密码:<input type="password" name="password" placeholder="请输入密码" > <br>
    密码2:<input type="password" name="password2" maxlength="6" > <br>
    性别:
    <input type="radio" name="gender" value="mole" checked>男
    <input type="radio" name="gender" value="female">女
    <br>
    爱好:
    <input type="checkbox" name="like" value="smoke">抽烟
    <input type="checkbox" name="like" value="drink">喝酒
    <input type="checkbox" name="like" value="perm">烫头
    <input type="checkbox" name="like" value="java" checked>学Java
    <br>
    <!--h5新增的一些input控件-->
    生日:<input type="date" name="birtday"><br>
    幸运色:<input type="color" name="lc"><br>
    <!--取值范围[0,100],默认值为50-->
    缩放:<input type="range" name="sz"><br>
    文件:<input type="file" name="file"><br>
    <br>
    喜欢的城市:
    <select name="city" >
        <option value="beijing" >北京</option>
        <option value="shanghai" selected>上海</option>
        <option value="shenzhen">深圳</option>
        <option value="hangzhou">杭州</option>
    </select>
    <br>
    <input type="checkbox" id="ok">
    <label for="ok">我已阅读并同意</label>
    <br>
    <!--效果:点击文字时,关联的输入框直接获取焦点(获得输入的那个光标)-->
    <label for="uu">关联文字</label>
    <input type="text" placeholder="请输入" id="uu">
    <br>
    <!--多行文本域-->
    留言板:<textarea name="content" rows="5" cols="30" style="resize: none;">默认值</textarea>
    <br>
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>